<template>
    <div class="fysxc">
        <div class="w100p h130 br:bl10 ovh">
            <img class="w100p" src="@/assets/img/mine-bg.png" />
        </div>
        <mox-login></mox-login>
        <mine-info></mine-info>
        <van-swipe class="w375 h70 mb10" :autoplay="3000" :show-indicators="false">
            <van-swipe-item
                class="fxcyc"
                v-for="item,index in swiper"
                :key="index"
            >
                <div class="w344 h100p br5 bgc-f fxsyc">
                    <div class="wh50 br50 ovh mx20 bgc-f">
                        <img class="w100p" :src="item.img" alt="">
                    </div>
                    <div class="fysxs tc-35">
                        <span class="t14">{{item.maxt}}</span>
                        <span class="t12">{{item.mint}}</span>
                    </div>
                </div>
            </van-swipe-item>
        </van-swipe>
        <mine-grid></mine-grid>
    </div>
</template>

<script>
import getMineSwiper from '@/network/getMineSwiper';
import MoxLogin from "@/components/MoxLogin.vue";
import MineInfo from "@/components/MineInfo.vue";
import MineGrid from "@/components/MineGrid.vue";
import { Swipe, SwipeItem } from "vant";
export default {
    name: "Mine",
    components: {
        MoxLogin,
        MineInfo,
        MineGrid,
        VanSwipe: Swipe,
        VanSwipeItem: SwipeItem,
    },
    data(){
        return {
            swiper: []
        }
    },
	created(){
		getMineSwiper().then((res)=>{
			this.swiper = res.data
		})
	}
};
</script>

<style lang='scss' scoped>
</style>